@CHARSET "UTF-8";
.tree_body{
 margin:0px 0px 0px -10px;
 padding: 0px;
}
.tree_body .tree_content{
   padding:0px 0px 0px 10px; 

}
 .tree_body .tree_item{
	cursor:pointer;
 
 
 
}
.tree_body .tree_item .ti_desc{
 	 
	/*  border-top:1px solid #000;  */

	 overflow: hidden;
 
	 line-height:35px;
     height:35px;
    -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box; 
     white-space: nowrap!important;
     display: inline-block;
    width: 100%;
}
.tree_body .tree_item .ti_desc span{
	 display:inline-block;
      width:90%;
      -moz-box-sizing: border-box;
     -webkit-box-sizing: border-box;
     box-sizing: border-box; 

     text-overflow: ellipsis;
     overflow: hidden;  
     white-space: nowrap!important;
     border-bottom: 1px solid  rgba(255, 255, 255, 0.55);
   
    height:34px;
}
.tree_body .tree_item .ti_desc span:hover{

   background:rgba(0,0,0,0.3);
}
.tree_body .tree_item.select>.ti_desc>span{
    background:rgba(0,0,0,0.4);
} 
 
.tree_item  .ti_desc>i{
     
     float: left;
     margin:6px;
     padding:  3px;
     border-radius: 100%;
}
.tree_body .tree_item.active>.ti_desc>i{
	color:black;
	background:white;
	 
}
.tree_body .tree_item>.ti_desc>i:before{
 
	  text-align: center;
	width:16px;
	 
}
.tree_body .tree_item .ti_desc:only-child>i:before{
	/*  visibility: hidden; */
	 content: "\f007";
}
.tree_body .tree_item.active>.tree_content{
     display:block;
}
.tree_body  .tree_item>.tree_content{
    /*  display:block; */
        display:none;  
}
.tree_item.active .ti_desc i:hover{
	 
	color:green;
}